@import "../global-connect";

.ux-header {
  .web-header-fit;
  background: #fff;
  box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
  position: relative;

  i.trigger {
    vertical-align: 0 !important;

    .ix-font.normal(24);
    cursor: pointer;
    transition: all .3s, padding 0s;

    &:hover {
      background: @primary-1;
    }
  }

  .right {
    float: right;
    margin-right: 16px;
    height: 100%;
    text-align: right;
  }
}